<link type="text/css" href="../core/resource/css/weui-mass.css?v=23" rel="stylesheet">
<div class="col-jy" style="width:100%;">
	<div class="form-horizontal">
		<div class="page-header"><h4 class="ng-binding">设置欢迎语</h4></div>
	</div>
	<div class="panel-body page_simple">
		<div class="weui-desktop-layout__main__bd weui-desktop-panel main_bd">
		<div class="grid_line send_filter" style="margin-top:0">
			 <div class="grid_item target">
				<label class="bold" style="color:#333;line-height: 30px;vertical-align: middle; margin-right: .8em;">欢迎语标题</label>
				<div class="filter_content">
				   <div style="width:166px">
						<input type="text" class="form-control  ng-pristine ng-valid ng-empty ng-touched must_set"  ng-model="pagedata.item.title" ng-readonly="false" style="border-color: rgb(221, 221, 221);">
					</div>
				</div>
			</div>
			<div class="grid_item target">
				<label class="bold" style="color:#333;line-height: 30px;vertical-align: middle; margin-right: .8em;">请选择部门</label>
				<div class="filter_content">
				  <div style="width:266px">
					<select class="form-control" ng-model="pagedata.item.bumenid">
						<option value="0" selected>请选择部门</option>
						<option ng-repeat="op in pagedata.groups" ng-selected="pagedata.item.bumenid==op.bumenid" value="{{op.bumenid}}" >{{op.title}}</option>
					</select>
				  </div>
				</div>
			  </div>
		</div>
		  <div ng-if="!pagedata.shownews" id="js_msgSender" class="msg_sender">
			<div class="msg_tab">
			  <div class="tab_navs_panel">
				<span class="tab_navs_switch_wrp switch_prev js_switch_prev">
				  <span class="tab_navs_switch"></span>
				</span>
				<span class="tab_navs_switch_wrp switch_next js_switch_next">
				  <span class="tab_navs_switch"></span>
				</span>
				<div class="tab_navs_wrp">
				  <ul class="tab_navs js_tab_navs" style="margin-left:0;margin-bottom:0">
					<li ng-if="!pagedata.item.id || pagedata.item.type==4" ng-class="{'tab_nav tab_appmsg width6':1, 'selected':pagedata.item.type==4}">
					  <a href="javascript:void(0);" ng-click="pagedata.item.type=4;pagedata.item.content=[]">&nbsp;
						<i class="icon_msg_sender"></i>
						<span class="msg_tab_title">图文消息</span></a>
					</li>
					<li ng-if="!pagedata.item.id || pagedata.item.type==0" ng-class="{'tab_nav tab_text width6':1, 'selected':pagedata.item.type==0}">
					  <a href="javascript:void(0);" ng-click="pagedata.item.type=0;pagedata.item.content=[]">&nbsp;
						<i class="icon_msg_sender"></i>
						<span class="msg_tab_title">文字</span></a>
					</li>
					<li ng-if="!pagedata.item.id || pagedata.item.type==1" ng-class="{'tab_nav tab_img width6':1, 'selected':pagedata.item.type==1}">
					  <a href="javascript:void(0);" ng-click="pagedata.item.type='1';pagedata.item.content=[]">&nbsp;
						<i class="icon_msg_sender"></i>
						<span class="msg_tab_title">图片</span></a>
					</li>
					<li ng-if="!pagedata.item.id || pagedata.item.type==2" ng-class="{'tab_nav tab_audio width6':1, 'selected':pagedata.item.type=='2'}">
					  <a href="javascript:void(0);" ng-click="pagedata.item.type='2';pagedata.item.content=[]">&nbsp;
						<i class="icon_msg_sender"></i>
						<span class="msg_tab_title">音频</span></a>
					</li>
					<li ng-if="!pagedata.item.id || pagedata.item.type==3" ng-class="{'tab_nav tab_video width6':1, 'selected':pagedata.item.type=='3'}">
					  <a href="javascript:void(0);" ng-click="pagedata.item.type='3';pagedata.item.content=[]">&nbsp;
						<i class="icon_msg_sender"></i>
						<span class="msg_tab_title">视频</span></a>
					</li>
					<!--<li class="tab_nav tab_cardmsg width6 no_extra">
					  <a href="javascript:void(0);" onclick="return false;">&nbsp;
						<i class="icon_msg_sender"></i>
						<span class="msg_tab_title">卡券</span></a>
					</li>-->
				  </ul>
				</div>
			  </div>
			  <div class="tab_panel" style="min-height:180px">
				<div ng-if="pagedata.item.type=='4'" class="tab_content" style="display: block;">
				  <div class="js_appmsgArea inner">
					<div ng-if="!pagedata.item.content || pagedata.item.content.length<1" class="tab_cont_cover create-type__list jsMsgSendTab">
					  <div class="create-type__item">
						<a href="javascript:;" ng-click="pagedata.upnews();pagedata.item.choose_type=2" class="create-type__link jsMsgSenderPopBt">
						  <i class="create-type__icon file"></i>
						  <strong class="create-type__title">从素材库选择</strong>
						 </a>
					  </div>
					  <div class="create-type__item">
						<a href="javascript:;" ng-click="pagedata.shownews=true" class="create-type__link js_MsgSenderLinkBt js_new_appmsg">
						  <i class="create-type__icon edit"></i>
						  <strong class="create-type__title">自建图文</strong>
						 </a>
					  </div>
					  <!--<div class="create-type__item">
						<a href="javascript:;" class="create-type__link js_MsgSenderLinkBt js_share_appmsg">
						  <i class="create-type__icon share"></i>
						  <strong class="create-type__title">转载文章</strong></a>
					  </div>-->
					</div>
					<div ng-if="pagedata.item.content.length>0">
					  <div class="appmsg  has_first_cover" style="display: inline-block;">
						<div class="appmsg_content">
						  <div class="appmsg_info">
							<em class="appmsg_date">{{date(pagedata.item.createtime)}}</em></div>
						  <div class="cover_appmsg_item">
							<!-- 图文 -->
							<div class="card_appmsg">
							  <div class="card_appmsg_inner">
								<div class="weui-desktop-vm_primary card_appmsg_hd">
								  <strong class="card_appmsg_title js_title">
									<a href="" target="_blank">{{pagedata.item.content[0].title}}</a></strong>
								</div>
								<div class="weui-desktop-vm_default card_appmsg_bd">
								  <div class="card_appmsg_thumb" style="background-image:url('{{tomedia(pagedata.item.content[0].image) || '../core/resource/images/nopic.jpg'}}');"></div>
								</div>
							  </div>
							</div>
							<!--<a href="" class="edit_mask preview_mask js_preview">
							  <div class="edit_mask_content">
								<p class="">预览文章</p></div>
							  <span class="vm_box"></span>
							</a>-->
						  </div>
						  <div class="appmsg_item sub_card_media has_cover">
							<!-- 图文 -->
							<div class="card_appmsg" ng-repeat="item in pagedata.item.content" ng-if="$index>0">
							  <div class="card_appmsg_inner">
								<div class="weui-desktop-vm_primary card_appmsg_hd">
								  <strong class="card_appmsg_title js_title">
									<a href="" target="_blank">{{item.title}}</a></strong>
								</div>
								<div class="weui-desktop-vm_default card_appmsg_bd">
								  <div class="card_appmsg_thumb" style="background-image:url('{{tomedia(item.image) || '../core/resource/images/nopic.jpg'}}');"></div>
								</div>
							  </div>
							</div>
							<!--<a href="" class="edit_mask preview_mask js_preview">
							  <div class="edit_mask_content">
								<p class="">预览文章</p></div>
							  <span class="vm_box"></span>
							</a>-->
						  </div>
						</div>
						</div>
						<a href="javascript:;" ng-click="pagedata.shownews=true">编辑</a>
					</div>
				  </div>
				</div>
				<div ng-if="pagedata.item.type=='0'" class="tab_content">
				  <div class="js_textArea inner no_extra">
					<div class="emotion_editor">
					  <textarea style="height:200px;border: 0 solid #ddd;width:100%" class="form-control" ng-model="pagedata.item.content" cols="70"></textarea>
					  <p class="editor_tip js_editorTip" style="float: right;color: #9a9a9a;">一共可输入<em>300</em>字</p>
					  <div class="editor_toolbar" style="padding: 0 20px;line-height: 36px;background-color: #fff; border-top: 1px solid #e7e7eb;">
							<div class="help-block">
								<!--<a href="javascript:;" ng-click="pagedata.selectEmoji();">
									<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><path fill="#4A4A51" d="M9 0a9 9 0 1 1 0 18A9 9 0 0 1 9 0zm.426 1C4.526 1 .9 4.582.9 9.421.9 13.418 4.526 17 9.426 17c4.048 0 7.674-3.582 7.674-7.579C17.1 4.581 13.474 1 9.426 1zM15 10c-.337 2.978-2.415 5-5.538 5C5.415 15 3.337 12.978 3 10h12zm-2.5-5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm-7 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z"></path></svg>
								</a>-->
								<a href="javascript:;" ng-click="modal_func(pagedata.item,'lookcontent','tools.add_text','add_url','core')">
									<svg xmlns="http://www.w3.org/2000/svg" width="16" height="20" viewBox="0 0 16 20">
									<g fill="#4A4A51" transform="rotate(30 4.75 17.727)">
									  <path d="M3.5.948a3.5 3.5 0 0 1 3.5 3.5l-.001 1.5H5.524V4.474A2.05 2.05 0 0 0 1.43 4.32l-.005.153v4.01a2.05 2.05 0 0 0 1.576 1.995v1.486A3.5 3.5 0 0 1 0 8.5V4.448a3.5 3.5 0 0 1 3.5-3.5z"></path>
									  <path d="M3.5 18.01a3.5 3.5 0 0 1-3.5-3.5v-1.5h1.476v1.45a2.05 2.05 0 0 0 4.095.152l.005-.153v-3.978A2.05 2.05 0 0 0 4 8.486V7a3.5 3.5 0 0 1 3 3.465v4.046a3.5 3.5 0 0 1-3.5 3.5z"></path>
									</g>
									</svg>
								</a>
								<a href="javascript:;" ng-click="modal_func(pagedata.item,'lookcontent','tools.add_text','add_url','core','isapp=1')">
									<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><path fill="#4A4A51" d="M9 .667a8.333 8.333 0 1 1 0 16.666A8.333 8.333 0 0 1 9 .667zm0 1a7.333 7.333 0 1 0 0 14.666A7.333 7.333 0 0 0 9 1.667zm2.48 2.388c1.706 0 3.092 1.248 3.092 2.799 0 1.366-1.048 2.513-2.508 2.767l-.144.002c-.437 0-.691-.32-.527-.69a.947.947 0 0 1 .666-.53c.801-.194 1.346-.82 1.346-1.55 0-.882-.843-1.602-1.896-1.602s-1.896.72-1.896 1.603v4.401c0 1.55-1.386 2.8-3.093 2.8-1.706 0-3.092-1.25-3.092-2.8 0-1.359 1.073-2.52 2.535-2.74h.117c.33 0 .57.198.57.48 0 .05-.002.072-.007.1a.379.379 0 0 1-.036.11c-.105.246-.375.459-.666.531-.796.193-1.346.815-1.346 1.52 0 .882.843 1.602 1.896 1.602s1.896-.72 1.896-1.603V6.854c0-1.55 1.386-2.8 3.093-2.8z"></path></svg>
								</a>
								<div style="line-height:1.4">“<red>[客户名称]</red>”表示当前客户的名称变量，会自动替换！</div>
							</div>
					  </div>
					</div>
				  </div>
				</div>
				<div ng-if="pagedata.item.type=='1'" class="tab_content">
				  <div class="js_imgArea inner ">
					<div ng-if="!pagedata.item.content || pagedata.item.content.length<1" class="tab_cont_cover create-type__list jsMsgSendTab">
					  <div class="create-type__item">
						<a href="javascript:;" ng-click="pagedata.upimage();pagedata.item.choose_type=2" class="create-type__link jsMsgSenderPopBt">
						  <i class="create-type__icon file"></i>
						  <strong class="create-type__title">从素材库选择</strong>
						 </a>
					  </div>
					  <div class="create-type__item webuploader-container">
						<a href="javascript:;" ng-click="pagedata.upimage(1);pagedata.item.choose_type=1" class="create-type__link webuploader-pick">
						  <i class="create-type__icon pic"></i>
						  <strong class="create-type__title">上传图片</strong>
						</a>
					  </div>
					</div>
					<div class="msgSender_media_classFixImg">
					  <div ng-if="pagedata.item.content.length>0" class="share-text__area">
						<span class="share-text__wrp">
						  <textarea style="height:100px;border: 0 solid #ddd;width:100%" placeholder="从这里输入推荐语，可以不填" ng-model="pagedata.item.title" cols="50"></textarea>
						</span>
						<span class="share-text__append-in js_editorTip">
						  <em class="share-text__counter">
							<span class="share-text__counter_current"></span>最多140字</em></span>
					  </div>
					  <div ng-if="pagedata.item.content.length>0" class="js_previe_media_box">
							<div class="preview_media_context preview_media_context_9 no-hover">
							  <div ng-repeat="item in pagedata.item.content" class="preview_img_context jsImgView">
								<i class="preview_sized_img" style="background-image: url('{{tomedia(item.attachment) || tomedia(item)}}')"></i>
								<button class="preview_media_remove_btn jsImgDel" ng-click="pagedata.item.content.splice($index,1)">
									  <svg width="14px" height="16px" viewBox="0 0 14 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
										<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
										  <g transform="translate(-9.000000, -8.000000)" fill="#9B9B9B">
											<path d="M9.875,12.4444441 C9.38864562,12.4440384 9,12.0555515 9,11.5763872 L9,11.5347239 C9,11.0612132 9.39209232,10.6666667 9.8757627,10.6666667 L22.1242373,10.6666667 C22.610948,10.6666667 23,11.0553091 23,11.5347239 L23,11.5763872 C23,12.049649 22.6083198,12.4440296 22.125,12.4444441 L22.125,23.125 C22.125,23.6082492 21.7332492,24 21.25,24 L10.75,24 C10.2667508,24 9.875,23.6082492 9.875,23.125 L9.875,12.4444441 Z M20.375,12.4444444 L11.625,12.4444444 L11.625,22.2222222 L20.375,22.2222222 L20.375,12.4444444 Z M14.2419307,8 L17.7580693,8 C18.2303967,8 18.625,8.38864247 18.625,8.86805725 L18.625,9.77777778 L13.375,9.77777778 L13.375,8.86805725 C13.375,8.39454651 13.7631381,8 14.2419307,8 Z M17.75,14.2222222 C18.2366183,14.2222222 18.625,14.6126128 18.625,15.094184 L18.625,20.4613715 C18.625,20.9510091 18.2332492,21.3333333 17.75,21.3333333 C17.2633817,21.3333333 16.875,20.9429427 16.875,20.4613715 L16.875,15.094184 C16.875,14.6045464 17.2667508,14.2222222 17.75,14.2222222 Z M14.25,14.2222222 C14.7366183,14.2222222 15.125,14.6126128 15.125,15.094184 L15.125,20.4613715 C15.125,20.9510091 14.7332492,21.3333333 14.25,21.3333333 C13.7633817,21.3333333 13.375,20.9429427 13.375,20.4613715 L13.375,15.094184 C13.375,14.6045464 13.7667508,14.2222222 14.25,14.2222222 Z"></path>
										  </g>
										</g>
									  </svg>
									<div ng-click="pagedata.item.content.splice($index,1)" class="preview_img_change_popover weui-desktop-tooltip">删除</div>
								  </button>
								  <div class="preview_img_change_hint" style="opacity: 1">拖拽调整图片顺序</div>
							  </div>
							  <div class="add_img" ng-click="pagedata.upimage(pagedata.item.choose_type);">
								<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
								  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
									<g transform="translate(-826.000000, -731.000000)" fill="#D8D8D8">
									  <g transform="translate(746.000000, 668.000000)">
										<g transform="translate(72.000000, 63.000000)">
										  <path d="M26,18 L26,0 L30,0 L30,18 L48,18 L48,22 L30,22 L30,40 L26,40 L26,22 L8,22 L8,18 L26,18 Z"></path>
										</g>
									  </g>
									</g>
								  </g>
								</svg>
								<span>添加图片</span>
							</div>
						</div>
					  </div>
					</div>
				  </div>
				</div>
				<div ng-if="pagedata.item.type=='2'" class="tab_content">
				  <div class="js_audioArea inner">
					<div ng-if="!pagedata.item.content || pagedata.item.content.length<1" class="tab_cont_cover create-type__list jsMsgSendTab">
					  <div class="create-type__item">
						<a href="javascript:;" ng-click="pagedata.upaudio();pagedata.item.choose_type=2" class="create-type__link jsMsgSenderPopBt">
						  <i class="create-type__icon file"></i>
						  <strong class="create-type__title">从素材库选择</strong></a>
					  </div>
					  <div class="create-type__item">
						<a href="javascript:;" ng-click="pagedata.upaudio(1);pagedata.item.choose_type=1"class="create-type__link">
						  <i class="create-type__icon voice"></i>
						  <strong class="create-type__title">上传音频</strong></a>
					  </div>
					</div>
					<div ng-if="pagedata.item.content.length>0" id="msgSender_media_1_3">
					  <div class="share-text__area">
						<span class="share-text__wrp">
						  <textarea style="height:100px;border: 0 solid #ddd;width:100%" placeholder="从这里输入推荐语，可以不填" ng-model="pagedata.item.title" cols="50"></textarea>
						</span>
						<span class="share-text__append-in js_editorTip">
						  <em class="share-text__counter">
							<span class="share-text__counter_current"></span>最多140字</em></span>
					  </div>
					  <div class="js_previe_media_box">
						<div class="preview_media_context">
						  <div class="preview_audio_context">
							<div class="preview_audio_hd">
							  <em class="preview_audio_player">这是一个音频</em></div>
							<div class="preview_audio_bd">
							  <strong class="preview_audio_title">{{pagedata.item.content[0].title || pagedata.item.content[0]}}</strong>
							  <p class="preview_audio_desc">00:38</p></div>
							<button ng-click="pagedata.upaudio(pagedata.item.choose_type);" class="js_replace_media preview_media_replace_btn">
							  <svg width="17" height="13" viewBox="0 0 17 13" xmlns="http://www.w3.org/2000/svg">
								<path d="M4.05 11H16a1 1 0 0 0 0-2H4.015l-.017-.988a.5.5 0 0 0-.811-.383L.565 9.711a.5.5 0 0 0 .014.793l2.693 1.989a.5.5 0 0 0 .797-.411L4.049 11zm9.02-9H2a1 1 0 1 0 0 2h11.035l-.017 1.002a.5.5 0 0 0 .794.413l2.684-1.953a.5.5 0 0 0 .014-.798L13.895.618a.5.5 0 0 0-.808.386L13.07 2z"></path>
							  </svg>替换素材
							 </button>
						  </div>
						</div>
					  </div>
					</div>
				  </div>
				</div>
				<div ng-if="pagedata.item.type=='3'" class="tab_content">
				  <div class="js_videoArea inner ">
					<div ng-if="!pagedata.item.content || pagedata.item.content.length<1" class="tab_cont_cover create-type__list jsMsgSendTab">
					  <div class="create-type__item">
						<a href="javascript:;" ng-click="pagedata.upvideo();pagedata.item.choose_type=2" class="create-type__link jsMsgSenderPopBt">
						  <i class="create-type__icon file"></i>
						  <strong class="create-type__title">从素材库选择</strong>
						  </a>
					  </div>
					  <div class="create-type__item">
						<a target="_blank" ng-click="pagedata.upvideo(1);pagedata.item.choose_type=1" class="create-type__link">
						  <i class="create-type__icon video"></i>
						  <strong class="create-type__title">新建视频</strong>
						 </a>
					  </div>
					</div>
					<div ng-if="pagedata.item.content.length>0" id="msgSender_media_1_3">
					  <div class="share-text__area">
						<span class="share-text__wrp">
						  <textarea style="height:100px;border: 0 solid #ddd;width:100%" placeholder="从这里输入推荐语，可以不填" ng-model="pagedata.item.title" cols="50"></textarea>
						</span>
						<span class="share-text__append-in js_editorTip">
						  <em class="share-text__counter">
							<span class="share-text__counter_current"></span>最多140字</em></span>
					  </div>
					  <div class="js_previe_media_box">
						  <div class="preview_media_context">
							<div class="preview_video_context">
							  <div class="js_preview_hd preview_video_hd" style="padding-bottom:0">
								<video src="{{tomedia(pagedata.item.content[0].attachment) || tomedia(pagedata.item.content[0])}}" width="300" height="200" controls="controls"></video>
								<i class="js_preview_video_play preview_video_length">00:45</i>
							  </div>
								<div class="preview_video_ft">
									<strong class="preview_video_title">{{pagedata.item.content[0].title || pagedata.item.content[0]}}</strong>
								</div>
								  <div class="preview_media_opr weui-desktop-link-group">
									<div ng-click="pagedata.upvideo(pagedata.item.choose_type);" class="weui-desktop-tooltip__wrp weui-desktop-link">
									  <button class="js_replace_media weui-desktop-circle-btn">
										<svg xmlns="http://www.w3.org/2000/svg" width="16.001" height="13.597" viewBox="0 0 16.001 13.597">
										  <path fill="#9A9A9A" fill-rule="evenodd" d="M3.531 3.799h12.47v1.5H.5a.5.5 0 0 1-.33-.876L5.103.099a.4.4 0 0 1 .594.527L3.531 3.799zm8.939 6H0v-1.5h15.501a.5.5 0 0 1 .33.876l-4.933 4.323a.4.4 0 0 1-.594-.526l2.166-3.173z"></path>
										</svg>
									  </button>
									  <span class="weui-desktop-tooltip weui-desktop-tooltip__down-center">替换素材</span>
									 </div>
								  </div>
							</div>
						  </div>
						</div>
					 </div>
				  </div>
				</div>
				<div class="tab_content" style="display: none;">
				  <div class="js_cardmsgArea inner ">
				  </div>
				</div>
			  </div>
			</div>
		  </div>
		  <div ng-if="pagedata.shownews" class="flex">
			<div class="col-jy" style="width:350px;">
			<div class="panel form-horizontal">
			<div class="panel-body">
			<style>
			.appmsg-side__wrapper {
				box-shadow: 0 1px 5px 0 rgba(0,0,0,0.05);
				border: 1px solid #f2f2f2;
				margin:0;
				position:relative;
				width:310px
			}
			.appmsg-side__wrapper .appmsg_account {
				background-color:#fff;
				padding:10px 15px;
				display:-webkit-box;
				display:-webkit-flex;
				display:flex;
				-webkit-box-align:center;
				-webkit-align-items:center;
				align-items:center;
				border-radius:5px 5px 0 0
			}
			.appmsg-side__wrapper .appmsg_account_img {
				width:24px;
				height:24px;
				border-radius:50%;
				-o-object-fit:cover;
				object-fit:cover
			}
			.appmsg-side__wrapper .appmsg_account_name {
				margin-left:10px;
				-webkit-box-flex:1;
				-webkit-flex:1;
				flex:1;
				overflow:hidden;
				text-overflow:ellipsis;
				display:-webkit-box;
				-webkit-box-orient:vertical;
				word-wrap:break-word;
				-webkit-hyphens:auto;
				-ms-hyphens:auto;
				hyphens:auto;
				-webkit-line-clamp:1
			}
			.appmsg-side__wrapper .multi .appmsg_item {
				border-top:0;
				border-bottom:0;
				padding:0
			}
			.appmsg_preview_area {
				position:fixed;
				left:0;
				top:100px;
				bottom:-8px;
				z-index:1;
				overflow-y:auto
			}
			.appmsg_edit_container {
				top:0;
				bottom:0
			}
			.appmsg_preview_container {
				width:370px;
				overflow:auto;
				border-right-width:0
			}
			.appmsg_preview_container::-webkit-scrollbar-track-piece {
				background-color:#f5f5f5
			}
			.appmsg_preview_container .appmsg_container_bd {
				position:relative
			}
			.appmsg_preview_container .appmsg_container_bd .create_access_primary {
				border-top-width:0;
				line-height:90px;
				border:0;
				position:relative;
				margin-bottom:0;
				border-radius:0 0 5px 5px
			}
			.appmsg_preview_container .appmsg_container_bd .create_access_primary:before {
				content:" ";
				position:absolute;
				left:15px;
				right:15px;
				top:0;
				height:1px;
				background-color:#e4e8eb
			}
			.appmsg_preview_container .appmsg_container_bd .create_access_primary:hover {
				border-color:#d9dadc
			}
			.appmsg_preview_container div.appmsg_edit_mask {
				top:auto;
				bottom:0;
				height:100%;
				background-color:transparent!important;
				text-align:right
			}
			.appmsg_preview_container div.appmsg_edit_mask .sort_up_white,.appmsg_preview_container div.appmsg_edit_mask .sort_down_white {
				float:left;
				margin-top:10px
			}
			.appmsg_preview_container .icon_appmsg_create {
				width:24px;
				height:24px;
				vertical-align:middle;
				display:inline-block;
				background:url(/mpres/zh_CN/htmledition/comm_htmledition/style/page/weui-desktop/media/appmsg_new_z4b4fb7.png) 0 0 no-repeat
			}
			.appmsg_preview_container .icon_appmsg_share {
				width:24px;
				height:24px;
				vertical-align:middle;
				display:inline-block;
				background:url(/mpres/zh_CN/htmledition/comm_htmledition/style/page/weui-desktop/media/appmsg_new_z4b4fb7.png) 0 -28px no-repeat
			}
			.appmsg_preview_container .appmsg_add {
				margin:0;
				border-top-width:0;
				line-height:90px
			}
			.appmsg_preview_container .appmsg_add a {
				display:none;
				vertical-align:middle;
				margin-left:10px;
				margin-right:10px;
				color:#8d8d8d;
				font-size:14px;
				line-height:normal
			}
			.appmsg_preview_container .appmsg_add a:hover {
				text-decoration:none
			}
			.appmsg_preview_container .appmsg_add a:hover .icon_appmsg_create {
				background:url(/mpres/zh_CN/htmledition/comm_htmledition/style/page/weui-desktop/media/appmsg_new_z4b4fb7.png) 0 -56px no-repeat
			}
			.appmsg_preview_container .appmsg_add a:hover .icon_appmsg_share {
				background:url(/mpres/zh_CN/htmledition/comm_htmledition/style/page/weui-desktop/media/appmsg_new_z4b4fb7.png) 0 -84px no-repeat
			}
			.appmsg_preview_container .appmsg_add a i {
				line-height:normal
			}
			.appmsg_preview_container .appmsg_add a strong {
				display:block;
				font-weight:normal
			}
			.appmsg_preview_container .appmsg_add:hover {
				border-color:#d9dadc
			}
			.appmsg_preview_container .appmsg_add:hover a {
				display:inline-block
			}
			.appmsg_preview_container .appmsg_add:hover .add_gray {
				display:none
			}
			.appmsg_preview_container .appmsg {
				overflow:visible;
				margin-bottom:0;
				border:0
			}
			.appmsg_preview_container .mask_layer {
				position:absolute;
				width:100%;
				height:100px;
				top:55px;
				left:0;
				background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.15)));
				background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.15))
			}
			.appmsg_preview_container .appmsg_item,.appmsg_preview_container .first_appmsg_item {
				padding:14px
			}
			.appmsg_preview_container .appmsg_item_wrp {
				cursor:pointer;
				position:relative;
			}
			.appmsg_preview_container .appmsg_item_wrp .card_appmsg_title {
				display:-webkit-box
			}
			.appmsg_preview_container .appmsg_item_wrp.current {
				position:relative;
				z-index:1
			}
			.appmsg_preview_container .appmsg_item_wrp.current .first_appmsg_item {
				border-top-width:0;
				border:4px solid rgba(7,193,96,0.4);
				margin:-4px;
				border-radius:2px
			}
			.appmsg_preview_container .appmsg_item_wrp.current .appmsg_item {
				border-top-width:0;
				border:2px solid #07c160
			}
			.appmsg_preview_container .appmsg_item_wrp .card_appmsg_thumb {
				width:auto;
				height:auto;
				background-color:#e1e1e1
			}
			.appmsg_preview_container .appmsg_item_wrp .card_appmsg_thumb:before {
				background-color:rgba(0,0,0,0);
				top:55px;
				background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(86%,rgba(0,0,0,0.15)));
				background-image:linear-gradient(-180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0.15) 86%);
				background-image:-o-llinear-gradient(-180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0.15) 86%);
				background-image:-ms-llinear-gradient(-180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0.15) 86%);
				background-image:-webkit-llinear-gradient(-180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0.15) 86%)
			}
			.appmsg_preview_container .appmsg_item_wrp .card_container .card_appmsg_inner {
				padding-top:50.8%
			}
			.appmsg_preview_container .appmsg_item_wrp.sub_card_media {
				padding:0
			}
			.appmsg_preview_container .appmsg_item_wrp.sub_card_media .card_appmsg_thumb {
				width:48px;
				height:48px
			}
			.appmsg_preview_container .appmsg_item_wrp.sub_card_media .card_container {
				padding:12px
			}
			.appmsg_preview_container .appmsg_item_wrp.sub_card_media .card_appmsg_inner {
				padding-top:0
			}
			.appmsg_preview_container .appmsg_item_wrp.sub_card_media .appmsg_edit_mask {
				left:-1px
			}
			.appmsg_preview_container .appmsg_title {
				max-height:28px
			}
			.appmsg_preview_container .first_appmsg_item {
				border-top:1px solid #e7e7eb;
				position:relative
			}
			.appmsg_preview_container .first_appmsg_item .cover_appmsg_item {
				margin:0
			}
			.appmsg_preview_container .first_appmsg_item .appmsg_title {
				color:#fff;
				padding:0 8px
			}
			.appmsg_preview_container .first_appmsg_item .appmsg_desc {
				padding:5px 8px 10px
			}
			.appmsg_preview_container .first_appmsg_item .appmsg_edit_mask {
				line-height:188px
			}
			.appmsg_preview_container .first_appmsg_item:hover .appmsg_edit_mask {
				display:block
			}
			.appmsg_preview_container .appmsg_thumb_wrp {
				height:106px;
				background-size:cover;
				background-repeat:no-repeat;
				background-position:center center
			}
			.appmsg_preview_container .appmsg_thumb.default {
				line-height:106px
			}
			.appmsg_preview_container .appmsg_item .appmsg_title {
				margin-top:8px
			}
			.appmsg_preview_container .appmsg_item .appmsg_thumb {
				width:78px;
				height:78px
			}
			.appmsg_preview_container .appmsg_item .appmsg_thumb.default {
				line-height:78px
			}
			.appmsg_edit_highlight_area {
				background-color:transparent
			}
			.card_appmsg_thumb {
				position:absolute;
				top:0;
				bottom:0;
				left:0;
				right:0;
				width:auto;
				height:auto;
				background-size:cover;
				background-position:50% 50%;
				background-repeat:no-repeat;
				background-color:#f6f8f9
			}
			.card_appmsg_thumb:before {
				content:" ";
				position:absolute;
				left:0;
				right:0;
				top:0;
				bottom:0;
				background-color:rgba(0,0,0,0.3)
			}
			.card_appmsg_inner {
				position:relative;
				padding-top:56.25%
			}
			.card_appmsg_title {
				position:absolute;
				left:15px;
				right:15px;
				bottom:15px;
				overflow:hidden;
				text-overflow:ellipsis;
				display:-webkit-box;
				-webkit-box-orient:vertical;
				-webkit-line-clamp:2;
				color:#fff;
				font-weight:400;
				z-index:1
			}
			.card_appmsg_title a {
				color:#fff
			}
			.card_appmsg_thumb {
				position:absolute;
				top:0;
				bottom:0;
				left:0;
				right:0;
				width:auto;
				height:auto;
				background-size:cover;
				background-position:50% 50%;
				background-repeat:no-repeat;
				background-color:#f6f8f9
			}
			.card_appmsg_thumb:before {
				content:" ";
				position:absolute;
				left:0;
				right:0;
				top:0;
				bottom:0;
				background-color:rgba(0,0,0,0.3)
			}
			.simple_card_media .card_appmsg_bd {
				position:absolute;
				top:0;
				left:0;
				right:0;
				padding-top:56.25%
			}
			.simple_card_media .card_appmsg_hd {
				padding:15px
			}
			.simple_card_media .card_appmsg_title {
				position:static;
				color:#353535
			}
			.simple_card_media .card_appmsg_title a {
				color:#353535
			}
			.simple_card_media .card_appmsg_desc {
				padding-top:5px;
				font-size:12px;
				color:#9a9a9a
			}
			.sub_card_media {
				padding:15px;
				position:relative
			}
			.sub_card_media:before {
				content:" ";
				position:absolute;
				left:15px;
				right:78px;
				top:0;
				height:1px;
				background-color:#e4e8eb
			}
			.sub_card_media:nth-child(2):before {
				right:15px
			}
			.sub_card_media .card_video_wrp,.sub_card_media .card_video_hd,.sub_card_media .card_video_bd {
				padding:0
			}
			.sub_card_media .weui-desktop-vm_default {
				padding-left:15px
			}
			.sub_card_media .card_video,.sub_card_media .card_video_hd {
				position:static
			}
			.sub_card_media .card_video_hd {
				z-index:0
			}
			.sub_card_media .card_video_title {
				color:#353535
			}
			.sub_card_media .card_video_title a {
				color:#353535
			}
			.sub_card_media .card_video_thumb {
				position:relative;
				width:48px;
				height:48px;
				display:block
			}
			.sub_card_media .card_video_player {
				width:24px;
				height:24px
			}
			.sub_card_media .card_video_player:before {
				width:16px;
				height:16px
			}
			.sub_card_media .card_video_length {
				display:none
			}
			.sub_card_media .card_audio_inner {
				padding:0
			}
			.sub_card_media .card_audio_player {
				width:48px;
				height:48px;
				background-color:#f6f8f9;
				background-size:24px
			}
			.sub_card_media .card_audio_length {
				display:none
			}
			.sub_card_media .card_img_inner {
				padding:0
			}
			.sub_card_media .card_img_title,.sub_card_media .card_img_thumb {
				position:static
			}
			.sub_card_media .card_img_title {
				color:#353535
			}
			.sub_card_media .card_img_title a {
				color:#353535
			}
			.sub_card_media .card_img_thumb {
				width:48px;
				height:48px;
				display:block
			}
			.sub_card_media .card_img_thumb:before {
				display:none
			}
			.sub_card_media .card_appmsg_inner {
				padding:0
			}
			.sub_card_media .card_appmsg_title {
				position:static
			}
			.sub_card_media .card_appmsg_thumb {
				position:relative
			}
			.sub_card_media .card_appmsg_thumb:before {
				display:none
			}
			.sub_card_media .card_appmsg_title {
				color:#353535;
				display:block
			}
			.sub_card_media .card_appmsg_title a {
				color:#353535
			}
			.sub_card_media .card_appmsg_thumb {
				width:48px;
				height:48px;
				display:block
			}
			.weui-desktop-vm_default, .weui-desktop-vm_primary {
				display: table-cell;
				vertical-align: middle;
				word-wrap: break-word;
				word-break: break-all;
			}
			.weui-desktop-vm_primary {
				width: 2000px;
			}
			.main_hd.main_hd {
				line-height: 1.6;
			}
			.appmsg_preview_container .appmsg_item_wrp.current {
				position: relative;
				z-index: 1;
			}
			.preview_media_add_wrp {
				display: inline-block;
				vertical-align: middle;
				font-size: 14px;
				position: relative;
			}
			.preview_media_add_wrp .preview_media_add_word {
				color:#9a9a9a;
				display:inline-block;
				margin-left:2px
			}
			.create_access_primary {
				display: block;
				border: 2px dotted #d9dadc;
				line-height: 60px;
				font-size: 0;
				text-align: center;
				margin-bottom: 20px;
			}
			.preview_media_add_wrp .preview_media_add_word:hover {
				cursor:pointer
			}
			.preview_media_add_wrp .preview_media_add_middle {
				line-height:20px
			}
			</style>
			<div class="article_item_list appmsg_edit_container appmsg_preview_container">
			<div class="appmsg_container_bd">
			  <div class="appmsg-side__wrapper">
				<div class="appmsg_account" id="js_appmsg_account" style="">
				  <img class="appmsg_account_img" ng-src="{{tomedia(pagedata.account.logo) || '../core/resource/images/nopic.jpg'}}">
				  <div class="appmsg_account_name">{{pagedata.wechats[pagedata.item.wxgid].title || '无'}}</div></div>
				<div class="appmsg multi has_first_cover editing">
				  <div id="js_appmsg_preview" class="appmsg_content">
					<div id="appmsgItem" class="js_appmsg_item appmsg_item_wrp has_thumb">
						<div class="appmsg_item">
							<div class="card_appmsg card_container">
							  <div class="card_appmsg_inner">
								<div class="weui-desktop-vm_primary card_appmsg_hd">
								  <strong class="card_appmsg_title js_appmsg_title">{{pagedata.item.content[0].title}}</strong></div>
								<div class="weui-desktop-vm_default card_appmsg_bd">
								  <div class="card_appmsg_thumb js_appmsg_thumb" style="background-image:url('{{tomedia(pagedata.item.content[0].image) || '../core/resource/images/nopic.jpg'}}');"></div>
								</div>
							  </div>
							</div>
						</div>
					</div>
					<div id="appmsgItem" class="js_appmsg_item appmsg_item_wrp has_thumb sub_card_media">
					  <div class="appmsg_item" ng-repeat="item in pagedata.item.content" ng-if="$index>0">
						<div class="card_appmsg card_container">
						  <div class="card_appmsg_inner">
							<div class="weui-desktop-vm_primary card_appmsg_hd">
							  <strong class="card_appmsg_title js_appmsg_title">{{item.title}}</strong></div>
							<div class="weui-desktop-vm_default card_appmsg_bd">
							  <div class="card_appmsg_thumb js_appmsg_thumb" style="background-image:url('{{tomedia(item.image) || '../core/resource/images/nopic.jpg'}}');"></div>
							</div>
						  </div>
						</div>
						</div>
					</div>
				  </div>
				</div>
				<div id="add_appmsg_container" class="create_access_primary">
				  <div class="preview_media_add_wrp js_readonly">
					<div id="js_add_appmsg" class="preview_media_add_middle" ng-click="unitfunc.choose_many(pagedata.item,'lookcontent','/account.article/get_article/many=1')" style="cursor: pointer;">
					  <i class="fa fa-plus">增加一条</i>
					 </div>
				  </div>
				</div>
			  </div>
			</div>
			</div>
			</div>
			</div>
			</div>
			<div class="col-jy" style="width:100%;">
					<div class="panel form-horizontal">
					<div class="page-header">
					<h4>设置图文信息</h4>
					</div>
					<div class="panel-body">
					<div class="form-group">
						<label class="col-xs-12 col-sm-3 col-md-2 right-label ng-binding">系统文章列表</label>
						<div class="col-xs-12 col-sm-8 col-lg-9" ng-init="checkarray(pagedata.item,'lookcontent')">
							<div class="input-group">
								<div style="background: #eee;line-height: 36px;height:36px"></div>
								<span class="input-group-btn">
									<button class="btn btn-gray" type="button" ng-click="unitfunc.choose_many(pagedata.item,'lookcontent','/account.article/get_article/many=1')"><i class="fa fa-external-link"></i>选择系统文章</button>
								</span>
							</div>
							<div class="help-block"></div>
						</div>
					</div>
					<script>
					if(!scope.unitfunc.choose_many){
						scope.unitfunc.choose_many=function(tovalue,field,url){
							if(url.indexOf('/')<0){
								url='/'+url;
							}
							scope.modal_func(function(res){
								if(!Array.isArray(tovalue[field])){
									tovalue[field]=[];
									tovalue[field].push(res);
								}else{
									var has=false;
									tovalue[field].forEach(function(item){
										if(JSON.stringify(item)==JSON.stringify(res)){
											has=true;
										}
									});
									if(!has){
										tovalue[field].push(res);
									}
								}
							},'',url);
						}
					}

					</script>
					</div>
					</div>
				</div>
		  </div>
		  <div class="msgSender-opr__area">
			<div class="grid_line send_filter">
			</div>
			<div id="reward_setting_area" class="setting-group__checkbox-item reward_setting_area hide js_pay_hide_item" style="display: none">
			  <label class="frm_checkbox_label reward_setting_checkbox" for="checkbox5">
				<input type="checkbox" class="frm_checkbox js_reward_setting" name="" id="checkbox5">
				<i class="icon_checkbox"></i>
				<div class="allow_click_opr js_reward_allow_click">
				  <span class="lbl_content">赞赏</span>
				  <i class="lbl_content_after read-more__icon__more">icon</i>
				  <span class="lbl_content_after lbl_content_desc reward_text reward_text_setting"></span>
				</div>
			  </label>
			</div>
			<div id="js_video_paster_area" class="setting-group__checkbox-item video-disabled" style="display: none;">
			  <label class="frm_checkbox_label comment_checkbox" for="video_paster_checkbox">
				<input type="checkbox" class="frm_checkbox js_field" id="video_paster_checkbox" disabled="disabled">
				<i class="icon_checkbox"></i>
				<div class="allow_click_opr js_video_paster_allow_click">
				  <span class="lbl_content">自定义贴片</span>
				  <i class="lbl_content_after read-more__icon__more">icon</i>
				  <span class="lbl_content_after lbl_content_desc js_paster_setting_text"></span>
				</div>
			  </label>
			</div>
			<div id="ad_transition_area" class="setting-group__checkbox-item ad_transition_area hide">
			  <label class="frm_checkbox_label comment_checkbox" for="js_ad_back">
				<input type="checkbox" class="frm_checkbox js_ad_back" name="" id="js_ad_back">
				<i class="icon_checkbox"></i>
				<div class="allow_click_opr ad_transition js_ad_allow_click">
				  <span class="lbl_content">视频后贴广告过渡</span>
				  <i class="lbl_content_after read-more__icon__more">icon</i>
				  <span class="lbl_content_after lbl_content_desc ad_text ad_text_setting"></span>
				</div>
			  </label>
			</div>
			<div id="js_album_area" class="setting-group__checkbox-item" style="display: none;">
			  <label class="frm_checkbox_label album_checkbox" for="">
				<input type="checkbox" class="frm_checkbox js_album js_field" checked="" name="need_open_album">
				<i class="icon_checkbox"></i>
				<div class="allow_click_opr js_album_allow_click">
				  <span class="lbl_content js_album_type">视频专辑</span>
				  <i class="lbl_content_after read-more__icon__more">icon</i>
				  <span class="lbl_content_after lbl_content_desc album_setting" style="display:none;"></span>
				</div>
			  </label>
			</div>
		  </div>
		  <div class="tool_bar">
			<div id="verifycode"></div>
			<div class="send_opr_context">
			  <!--<a class="btn_input jylabel jylabel-info-0" href="javascript:;" onclick="$('#show_yulang').modal();" style="padding: 9px 36px;margin-top:0;margin-right:10px">预览</a>-->
			  <div  class="send_btn_wrp">
			  </div>
			  <button ng-if="pagedata.shownews" class="btn btn-info" style="margin-left:30px;" ng-click="pagedata.shownews=false"><<返回</button>
			  <button class="btn btn-info" style="margin-left:30px;padding:6.5px 26px;border-radius:3px" ng-click="check_form();pagedata.setpost(pagedata.item)">仅保存</button>
			</div>
		  </div>
		</div>
	</div>
</div>
<div id="show_yulang" class="modal fade" tabindex="-1" style="z-index:99999;display:none">
	<div class="modal-dialog" style="width:100%;left:0%;bottom:0;">
		<div class='modal-content' style="padding-bottom:0.6rem;border-radius:0">
		</div>
	</div>
</div>
<script>
if(scope.pagedata.item.content){
	scope.pagedata.item.content=decodeURIComponent(scope.pagedata.item.content);
}
scope.pagedata.setpost=function(item){
	var postdata=item;
	postdata.content=encodeURIComponent(postdata.content);
	scope.post(postdata,'post','');
}
scope.pagedata.selectEmoji=function(){
	var res=function(emoji){
		scope.pagedata.item.content+=emoji;
	}
	scope.modal_func(res,'','tools.emoji','','core');
}
scope.unitfunc.choose_many=function(tovalue,field,url){
		if(url.indexOf('/')<0){
			url='/'+url;
		}
		scope.modal_func(function(res){
			if(!Array.isArray(tovalue[field])){
				tovalue[field]=[];
				tovalue[field].push(res);
			}else{
				var has=false;
				tovalue[field].forEach(function(item){
					if(JSON.stringify(item)==JSON.stringify(res)){
						has=true;
					}
				});
				if(!has){
					tovalue[field].push(res);
				}
			}
		},'',url);
}
scope.pagedata.upnews=function(choose_type){
	scope.unitfunc.choose_many(scope.pagedata.item,'lookcontent','/wechat.choose_media//ismore=true&onetype=news&wechat_id='+scope.pagedata.item.wxgid)
}
scope.pagedata.upimage=function(choose_type){
	if(choose_type==1){
		scope.images(scope.pagedata.item,'lookcontent');
	}else{
		scope.unitfunc.choose_many(scope.pagedata.item,'lookcontent','/wechat.choose_media//ismore=true&onetype=image&wechat_id='+scope.pagedata.item.wxgid)
	}
}
scope.pagedata.upaudio=function(choose_type){
	if(choose_type==1){
		scope.choose_source(scope.pagedata.item,'lookcontent','audio');
	}else{
		scope.unitfunc.choose_many(scope.pagedata.item,'lookcontent','/wechat.choose_media//ismore=true&onetype=voice&wechat_id='+scope.pagedata.item.wxgid)
	}
}
scope.pagedata.upvideo=function(choose_type){
	if(choose_type==1){
		scope.choose_source(scope.pagedata.item,'lookcontent','video');
	}else{
		scope.unitfunc.choose_many(scope.pagedata.item,'lookcontent','/wechat.choose_media//ismore=true&onetype=video&wechat_id='+scope.pagedata.item.wxgid)
	}
}
</script>